// @menu-prefix-cls: ~'@{ant-prefix}-menu';
// @menu-item-active-bg: #e6f7ff;
.@{menu-prefix-cls}-inline-collapsed>.@{menu-prefix-cls}-item .iconfont+span,
.@{menu-prefix-cls}-inline-collapsed>.@{menu-prefix-cls}-submenu>.@{menu-prefix-cls}-submenu-title .iconfont+span {
    display: inline-block;
    max-width: 0;
    opacity: 0;
}

.@{menu-prefix-cls}-submenu.@{menu-prefix-cls}-submenu-inline {
    .@{menu-prefix-cls}-inline .@{menu-prefix-cls}-item {
        height: 50px;
        line-height: 50px;
    }
}

.@{menu-prefix-cls}-inline .@{menu-prefix-cls}-item {

    &::after {
        right: auto;
        left: 2px;
        z-index: 2;
    }
}

.@{menu-prefix-cls}-submenu.@{menu-prefix-cls}-submenu-inline.@{menu-prefix-cls}-submenu-open {
    position: relative;

    &::before {
        position: absolute;
        top: 0;
        left: 2px;
        bottom: 0;
        border-right: 3px solid #1267fa4d;
        transform: scaleY(0.0001);
        opacity: 0;
        transition: transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
        content: '';
        z-index: 1;
    }

    &.@{menu-prefix-cls}-submenu-selected {
        background-color: @menu-item-active-bg;

        .@{menu-prefix-cls}:not(.@{menu-prefix-cls}-horizontal) {
            .@{menu-prefix-cls}-item {
                background-color: @menu-item-active-bg;
            }

            .@{menu-prefix-cls}-item-selected {
                background-color: #f0f2f5;
            }
        }

        &::before {
            transform: scaleY(1);
            opacity: 1;
            transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
        }
    }
}

.@{menu-prefix-cls}-inline-collapsed {

    >.@{menu-prefix-cls}-item,
    >.@{menu-prefix-cls}-submenu>.@{menu-prefix-cls}-submenu-title {
        padding: 0 28px;
    }
}


.@{menu-prefix-cls}-inline {
    border-right: none;
}